<script setup lang="ts">
import { RouterView } from 'vue-router'
import { onMounted } from 'vue'
import { useGlobalStore } from '@/stores/global'
import { toggleTheme } from '@/tools/theme'

const { theme } = useGlobalStore()
onMounted(() => {
  toggleTheme(theme)
})

</script>

<template>
  <RouterView />
</template>

<style>
html,
body,
#app {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

</style>
